$(function() {
    getCategory();

    function getCategory() {
        $.ajax({
            type: 'GET',
            url: '/my/article/cates',
            success: function(res) {
                // template('tpl-user', res)模板引擎的内容渲染到页面
                $('tbody').html(template('tpl-user', res));
            },
        });
    }
    var index;
    var writeIndex;
    //加载layui form模块
    var form = layui.form;
    $('#addCategory').click(function() {
        index = layer.open({
            type: 1,
            title: '添加文章分类',
            content: $('#tpl-addCategory').html(),
            area: ['500px', '250px'],
        });
    });
    //添加类别模块  必须使用事件委托  监听表单的submit事件
    $('body').on('submit', '#add-form', function(e) {
        e.preventDefault();
        // alert(123);
        $.ajax({
            type: 'POST',
            url: '/my/article/addcates',
            data: $(this).serialize(),
            success: function(res) {
                layer.msg(res.message);
                if (res.status === 0) {
                    getCategory();
                    //关闭弹出层 用法：var index = layer.open(); layer.close(index)
                    layer.close(index);
                }
            },
        });
    });
    //删除添加的文章类别 给删除添加自定义属性data-id='{{$value.Id}}'
    $('body').on('click', '.delete', function() {
        var id = $(this).attr('data-id');
        layer.confirm(
            '确定要把我删了嘛? 嘤嘤嘤', { icon: 3, title: '提示' },
            function(index) {
                //do something
                $.ajax({
                    type: 'GET',
                    url: '/my/article/deletecate/' + id,
                    success: function(res) {
                        layer.msg(res.message);
                        if (res.status === 0) {
                            getCategory();
                        }
                    },
                });
                layer.close(index);
            }
        );
    });
    //编辑功能
    $('body').on('click', '.write', function() {
        var id = $(this).attr('data-id');
        var name = $(this).attr('data-name');
        var alias = $(this).attr('data-alias');

        writeIndex = layer.open({
            type: 1,
            title: '修改文章分类',
            content: $('#tpl-write').html(),
            area: ['500px', '250px'],
            success: function() {
                //lay-filter='abcd'	任意字符	事件过滤器，主要用于事件的精确匹配，跟选择器是比较类似的。其实它并不私属于form模块，它在 layui 的很多基于事件的接口中都会应用到。
                form.val('abcd', {
                    Id: id,
                    name: name,
                    alias: alias,
                });
            },
        });
    });
    //编辑里的修改功能
    $('body').on('submit', '#sureWrite', function(e) {
        e.preventDefault();
        var data = $(this).serializeArray(); // 得到一个数组，如果你希望修改值，那么操作更加简单
        // 把id换成Id
        data[0].name = 'Id';
        $.ajax({
            type: 'POST',
            url: '/my/article/updatecate',
            data: data,
            success: function(res) {
                layer.msg(res.message);
                layer.close(writeIndex);
                if (res.status === 0) {
                    getCategory();
                }
            },
        });
    });
});